<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>各科室指标数据统计表</h1>
            </div>

            <form id="date-form" class="form-horizontal" Nice-validator>
                <div class="row align-items-end chose-row">

                    <div class="col-xs-12 col-sm-3">
                        <label class="control-label">{:__('科室')}:</label>
                        <select id="department-select" name="department" class="form-control">
                            {volist name="departmentList" id="department"}
                            <option value="{$department.department}">{$department.department}</option>
                            {/volist}
                        </select>
                    </div>

                    <div class="col-xs-12 col-sm-3">
                        <label class="control-label">{:__('请在历来所有月份中选择月份')}:</label>
                        <select id="date-select" name="month" class="form-control">
                            {volist name="monthList" id="month"}
                            <option value="{$month.month}">{$month.month}</option>
                            {/volist}
                        </select>
                    </div>

                    <!-- 提交按钮 -->
                    <div class="col-xs-12 col-sm-3">
                        <button id="departcount-btn" type="" class="btn btn-primary">{:__('OK')}</button>
                    </div>
                    <!-- // 测试按钮 -->
                    <!-- <div class="col-xs-12 col-sm-3">
                        <button id="test-btn" type="" class="btn btn-primary">{:__('TEST')}</button>
                    </div> -->
                </div>
            </form>

            <div class="row clearfix table-content table-content">
                <div class="col-md-12">
                    <div style="overflow-x: auto;">
                        <table class=" table table-bordered table-hover" id="departcountTable">
                            <thead class="text-center">
                                <tr>
                                    <th class="text-left">项目</th>
                                    <th>1</th>
                                    <th>2</th>
                                    <th>3</th>
                                    <th>4</th>
                                    <th>5</th>
                                    <th>6</th>
                                    <th>7</th>
                                    <th>8</th>
                                    <th>9</th>
                                    <th>10</th>
                                    <th>11</th>
                                    <th>12</th>
                                    <th>13</th>
                                    <th>14</th>
                                    <th>15</th>
                                    <th>16</th>
                                    <th>17</th>
                                    <th>18</th>
                                    <th>19</th>
                                    <th>20</th>
                                    <th>21</th>
                                    <th>22</th>
                                    <th>23</th>
                                    <th>24</th>
                                    <th>25</th>
                                    <th>26</th>
                                    <th>27</th>
                                    <th>28</th>
                                    <th>29</th>
                                    <th>30</th>
                                    <th>31</th>
                                    <th>合计</th>
                                </tr>
                            </thead>
                            <tbody class="text-center">
                                <!-- 动态内容将插入到这里 -->
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>


<style type="text/css">
    .container {
        width: 100%;
        background-color: #fff;
    }

    #jt-Sum-ckd,
    #eb-Sum-ckd {
        font-weight: 900;
        color: #a2a2a2;
    }

    .success {
        color: #a2a2a2;
    }

    .table-content {
        margin-top: 20px;
    }

    .chose-row {
        display: flex;
        align-items: end;
    }
</style>